<style>
    html {
        height: 100%;
        -ms-text-size-adjust: 100%;
        /*-webkit-text-size-adjust: 100%;*/
        /*-webkit-tap-highlight-color: transparent;*/
    }

    body {
        margin: 0;
        height: 100%;
        font-size: 14px;
        overflow: hidden;
        font-family: "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;
    }

    article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
        display: block;
    }

    audio:not([controls]) {
        display: none;
        height: 0;
    }

    progress {
        vertical-align: baseline;
    }

    template, [hidden] {
        display: none;
    }

    a {
        background-color: transparent;
        -webkit-text-decoration-skip: objects;
        text-decoration: none;
    }

    a:active, a:hover {
        outline-width: 0;
    }

    abbr[title] {
        text-decoration: underline;
        text-decoration: underline dotted;
    }

    b, strong {
        font-weight: bolder;
    }

    dfn {
        font-style: italic;
    }

    small {
        font-size: 80%;
    }

    sub, sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline;
    }

    sup {
        top: -0.5em;
    }

    sub {
        bottom: -0.25em;
    }

    img {
        border-style: none;
    }

    svg:not(:root) {
        overflow: hidden;
    }

    code, kbd, pre, samp {
        font-family: monospace, monospace;
        font-size: 1em;
    }

    pre {
        overflow: auto;
        white-space: pre;
        white-space: pre-wrap;
        word-wrap: break-word;
    }

    button, input, optgroup, select, textarea {
        color: inherit;
        font: inherit;
        margin: 0;
        vertical-align: middle;
        outline: none;
    }

    button, input,
    input {
        overflow: visible;
    }

    button, select {
        text-transform: none;
    }

    button, html [type="button"],
    [type="reset"], [type="submit"] {
        -webkit-appearance: button;
    }

    [disabled] {
        cursor: default;
    }

    [type="checkbox"], [type="radio"] {
        box-sizing: border-box;
        padding: 0;
    }

    [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
        height: auto;
    }

    [type="search"] {
        -webkit-appearance: textfield;
        outline-offset: -2px;
    }

    [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

    ::-webkit-file-upload-button {
        -webkit-appearance: button;
        font: inherit;
    }

    textarea {
        overflow: auto;
        resize: none;
        vertical-align: top;
    }

    optgroup {
        font-weight: bold;
    }

    input, select, textarea {
        outline: 0;
    }

    textarea, input {
        -webkit-user-modify: read-write-plaintext-only;
    }

    input::-ms-clear, input::-ms-reveal {
        display: none;
    }

    input:-ms-input-placeholder, textarea:-ms-input-placeholder {
        color: inherit;
        opacity: 0.54;
    }

    input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
        color: inherit;
        opacity: 0.54;
        line-height: 1.5;
    }

    table {
        border-collapse: collapse;
        border-spacing: 0;
    }

    td, th {
        padding: 0;
    }

    h1, h2, h3, h4, h5, h6, p, figure, form, blockquote {
        margin: 0;
    }

    ul, ol, li, dl, dd {
        margin: 0;
        padding: 0;
    }

    ul, ol {
        list-style: none outside none;
    }

    h1, h2, h3, h4, h5, h6 {
        font-size: 100%;
        font-weight: normal;
        line-height: 1.5;
    }

    * {
        box-sizing: border-box;
    }

    body {
        background-color: #F3F3F3;
    }

    input,
    select {
        padding: 0;
        border: 0 none;
        -webkit-appearance: none;
        background-color: transparent;
    }

    .bg--white {
        background-color: #FFF;
    }

    .text-overflow {
        display: -webkit-box;
        overflow: hidden;
        word-wrap: break-word;
        word-break: break-all;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .filter {
        filter: blur(15px);
        transition: filter .3s;
    }
    .root-warp{
        display: block;
        height: 100%;
    }

    .dg_button {
        color: #65cad8;
        display: inline-block;
        cursor: pointer;
    }

    .dg_button:hover {
        color: #3bc1a6;
    }


</style>

<template>
    <router-view class="root-warp">
    </router-view>
</template>

<script>
    export default {
        data() {
            return {}
        },

        mounted()
        {

        }
    }

</script>
